﻿<!DOCTYPE HTML>
<html>
    <head>
        <title>SMIT</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        
        <script type="text/javascript" charset="utf-8" src="../js/librerias/phonegap.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.mobile-1.0.1.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery-ajax-queue_1.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.ajaxmanager.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros_base.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/Helper.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/combo.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/DateFormat.js"></script>
        
        <!--Importando Modelos de SMIT_BASE-->
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/CondiPer.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/LeyArt.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/LeyNum.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/LeyLit.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/Motivo.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/TipoVia.js"></script>
		
		<!--Importando Modelos de SMIT-->
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smit/DatosInf.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smit/InfraSan.js"></script>
        
        <!--Importando Modelos de GLOBAL-->
        <script type="text/javascript" charset="utf-8" src="../js/modelos/global/Parroquia.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/global/Sector.js"></script>
        
        <!--Parametros de Base de Datos-->
        <script type="text/javascript" charset="utf-8" src="../js/bd/BD.js"></script>
        
		<!--Creador-->
        <script type="text/javascript" charset="utf-8" src="../js/infraccion/RegistrarInfraccion.js"></script>
        
        <!--Plugin-->
        <script type="text/javascript" charset="utf-8" src="../js/impresion_plugin.js"></script>
        
        <script type="text/javascript" charset="utf-8">
			document.addEventListener("deviceready", onDeviceReady, false);
        </script>
        
        <link rel="stylesheet" href="../css/jquery.mobile-1.0.1.css" />
        <link rel="stylesheet" href="../css/smit_theme.css" />
        
		<script type="text/javascript" src="../js/librerias/jquery.mobile.datebox.js"></script>
        <link rel="stylesheet" href="../css/jquery.mobile.datebox.css" />
    </head>
    
    <body>
        <div data-role="page" id="registrarInfraccion" data-theme="a" data-title="SMIT - Registrar una Infracción">
            <div data-role="header" data-position="inline">
                <a id="atras" name="atras" data-role="button" data-icon="arrow-l" data-transition="slide">Atras</a>
                <table width="45%" align="center">
                    <tr>
                        <td width="25px" id="imagen_usuario">
                        </td>
                        <td id="titulo_sistema" align="center">
                        </td>
                        <td width="25px" id="imagen_servidor">
                        </td>
                    </tr>
				</table>
                <a id="inicio" name="inicio" data-role="button" data-icon="home" data-transition="slide" data-iconpos="right">Inicio</a>
            </div>
            
            <div data-role="content">
                <form>
					<h2>Registrar una Infracción</h2>
					
                    <div data-role="fieldcontain">
                        <h3>Datos de la Infracción</h3>
                        
                        <label for="fecha_infraccion">Fecha de Infracción:<sup> * </sup></label>
						<input id="fecha_infraccion" name="fecha_infraccion" type="date" data-theme="a" readonly="readonly" data-role="datebox" data-options='{"mode": "calbox", "calTodayButton": true}' placeholder="FECHA DE INFRACCIÓN" />
                        
                        <label for="hora_infraccion">Hora de Infracción:<sup> * </sup></label>
                        <input id="hora_infraccion" name="hora_infraccion" type="date" data-theme="a" readonly="readonly" data-role="datebox" data-options='{"mode": "timebox", "overrideTimeFormat": 24}' placeholder="HORA DE INFRACCIÓN" />
                        
                        <label for="id_motivo">Motivo de la Infracción:<sup> * </sup></label>
                        <select id="id_motivo" name="id_motivo">
                            <option value="">SELECCIONE</option>
                        </select>
                    </div>
                    
                    <div data-role="fieldcontain">
                        <label for="observaciones">Observaciones:</label>
                        <textarea id="observaciones" name="observaciones" placeholder="OBSERVACIONES" rows="3" cols="31" onChange='convertir_Mayusculas(this);'></textarea>	
                    </div>
                    
                    <div data-role="fieldcontain">
                        <h3>Datos de la Ubicación</h3>
                        
                        <label for="nombre_estado">Entidad Federal:<sup> * </sup></label>
                        <input id="id_estado" name="id_estado" type="hidden" />
                        <input id="nombre_estado" name="nombre_estado" type="text" readonly="readonly" required="required" />
                        
                        <label for="nombre_municipio">Municipio:<sup> * </sup></label>
                        <input id="id_municipio" name="id_municipio" type="hidden" />
                        <input id="nombre_municipio" name="nombre_municipio" type="text" readonly="readonly" required="required" />
                        
                        <label for="id_parroquia">Parroquia:</label>
                        <select id="id_parroquia" name="id_parroquia">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="id_sector">Sector:</label>
                        <select id="id_sector" name="id_sector">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="id_tipo_via">Tipo de Vía:<sup> * </sup></label>
                        <select id="id_tipo_via" name="id_tipo_via">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="referencia">Referencia:<sup> * </sup></label>
                        <textarea id="referencia" name="referencia" data-theme="a" placeholder="REFERENCIA" rows="3" cols="31" onChange='convertir_Mayusculas(this);'></textarea>
                        
                        <br />
                        
                        <label for="geolocalizacion">Geolocalización:<sup> * </sup></label>
                        <select id="geolocalizacion" name="geolocalizacion">
                            <option value="">SELECCIONE</option>
                            <option value="SI">SI</option>
                            <option value="NO">NO</option>
                        </select>
                    </div>
                    
                    <div data-role="fieldcontain" id="div_coordenadas">
                        <h3>Coordenadas de la Infracción</h3>
                        
                        <label for="coord_x">Coordenada X (Longitud):<sup> * </sup></label>
                        <input id="coord_x" name="coord_x" type="text" placeholder="LONGITUD" readonly="readonly" required="required" />
                        
                        <label for="coord_y">Coordenada Y (Latitud):<sup> * </sup></label>
                        <input id="coord_y" name="coord_y" type="text" placeholder="LATITUD" readonly="readonly" required="required" />
                        
                        <button id="obtener_coordenadas" name="obtener_coordenadas" type="button" data-theme="a">Obtener Coordenadas</button>
                    </div>
                    
                    <div data-role="fieldcontain">
                        
                        <h3>Datos del Infractor</h3>
                        
                        <div id="div_msj_inf" class="alerta">
                            <span id="msj_inf">ATENCIÓN</span>
                            <div id="div_img_inf">
                                <span id="div_img_intt_inf">
                                    &nbsp;&nbsp;
                                    <img id="img_intt_inf" name="img_intt_inf" src='../img/botones/intt.png' alt='Instituto Nacional de Transporte Terrestre' title="Instituto Nacional de Transporte Terrestre" />
                                    &nbsp;&nbsp;
                                </span>
                                <input id="msj_intt_inf" name="msj_intt_inf" type="hidden" />
                                
                                <span id="div_img_policia_inf">
                                    &nbsp;&nbsp;
                                    <img id="img_policia_inf" src='../img/botones/policia.png' alt='Instituto Municipal de Policia de Sucre' title="Instituto Municipal de Policia de Sucre" />
                                    &nbsp;&nbsp;
                                </span>
                                <input id="msj_policia_inf" name="msj_policia_inf" type="hidden" />
                                
                                <span id="div_img_cicpc_inf">
                                    &nbsp;&nbsp;
                                    <img id="img_cicpc_inf" src='../img/botones/cicpc.png' alt='Cuerpo de Investigaciones Científicas, Penales y Criminalísticas' title="Cuerpo de Investigaciones Científicas, Penales y Criminalísticas" />
                                    &nbsp;&nbsp;
                                </span>
                                <input id="msj_cicpc_inf" name="msj_cicpc_inf" type="hidden" />
                            </div>
                        </div>
                        <br />
                        
                        <label for="id_tipo_ide_inf">Identificación del Infractor:<sup> * </sup></label>
                        <select id="id_tipo_ide_inf" name="id_tipo_ide_inf">
                            <option value="">SELECCIONE</option>
                            <option value="V" selected>VENEZOLANO</option>
                            <option value="E">EXTRANJERO</option>
                        </select>
                        
                        <label for="nro_ide_inf">Nro. de Identificación:<sup> * </sup></label>
                       	<input id="nro_ide_inf" name="nro_ide_inf" type="text" placeholder="IDENTIFICACIÓN DEL INFRACTOR" value="13466544" />
                        
                        <br />
                        <div id="div_img_consultar_inf" class="centrado">
							<img id="img_consultar_inf" src='../img/botones/intt.png' alt='Instituto Nacional de Transporte Terrestre' title="Instituto Nacional de Transporte Terrestre" />
						</div>
                        
                        <br />
                    	<button id="consultar_inf" name="consultar_inf" type="button" data-theme="a">Consultar</button>
                        
                        <label for="nombre_infractor">Nombre del Infractor:<sup> * </sup></label>
                       	<input id="nombre_infractor" name="nombre_infractor" type="text" placeholder="NOMBRE DEL INFRACTOR" onChange='convertir_Mayusculas(this);' />
                        
                        <label for="fecha_nacimiento">Fecha de Nacimiento:<sup> * </sup></label>
						<input id="fecha_nacimiento" name="fecha_nacimiento" type="date" placeholder="FECHA DE NACIMIENTO" data-theme="a" readonly="readonly" data-role="datebox" data-options='{"mode": "calbox", "calTodayButton": true}' />
                        
                        <label for="sexo">Sexo:<sup> * </sup></label>
                        <select id="sexo" name="sexo">
                            <option value="">SELECCIONE</option>
                            <option value="M">MASCULINO</option>
                            <option value="F">FEMENINO</option>
                        </select>
                        
                        <label for="grado_lic">Licencia:<sup> * </sup></label>
                        <select id="grado_lic" name="grado_lic">
                            <option value="">SELECCIONE</option>
                            <option value="2">2º GRADO</option>
                            <option value="3">3º GRADO</option>
                            <option value="4">4º GRADO</option>
                            <option value="5">5º GRADO</option>
                            <option value="E">ESPECIAL</option>
                            <option value="I">INTERNACIONAL</option>
                            <option value="N">NO POSEE / NO REGISTRA</option>
                        </select>
                        
                        <br />
                        
                        <label for="domicilio">Domicilio:</label>
                        <textarea id="domicilio" name="domicilio" placeholder="DOMICILIO" rows="3" cols="31" onChange='convertir_Mayusculas(this);'></textarea>
                        
                        <label for="telefono">Teléfono:</label>
                       	<input id="telefono" name="telefono" type="tel" placeholder="EJ.: XXXX-XXXXXXX" />
                        
                        <label for="celular">Celular:</label>
                       	<input id="celular" name="celular" type="tel" placeholder="Ej.: XXXX-XXXXXXXX" />
                        
                        <label for="correo">Correo:</label>
                       	<input id="correo" name="correo" type="text" placeholder="CORREO" />
                        
                        <label for="id_condi_per">Condición:<sup> * </sup></label>
                        <select id="id_condi_per" name="id_condi_per">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="vehiculo">¿Vehiculo Involucrado?:<sup> * </sup></label>
                        <select id="vehiculo" name="vehiculo">
                            <option value="">SELECCIONE</option>
                            <option value="SI">SI</option>
                            <option value="NO" selected>NO</option>
                        </select>
                    </div>
                    
                    <div data-role="fieldcontain" id="div_infra_san">
                        <h3>Infracciones Sancionadas</h3>
                        
                        <label for="id_articulo_c">Articulo:<sup> * </sup></label>
                        <input id="id_articulo_c" name="id_articulo_c" type="number" placeholder="ARTICULO" required="required" pattern="[0-9]*" />
                        
                        <label for="id_numeral_c">Numeral:<sup> * </sup></label>
                        <input id="id_numeral_c" name="id_numeral_c" type="number" placeholder="NUMERAL"  required="required" pattern="[0-9]*" />
                        
                        <label for="id_literal_c">Literal:<sup> * </sup></label>
                        <input id="id_literal_c" name="id_literal_c" type="text" placeholder="LITERAL"  required="required" />
                        
                        <label for="o_juridico">Oficio Juridico:<sup> * </sup></label>
                        <select id="o_juridico" name="o_juridico">
                            <option value="">SELECCIONE</option>
                            <option value="ley_intt">LEY DE TRANSPORTE TERRESTRE</option>
                            <!--<option value="reg_intt">REGLAMENTO DE LEY</option>-->
                            <option value="ordenanza">ORDENANZA MUNICIPAL</option>
                        </select>
                        
                        <br />
                        <input type="hidden" id="h_indice_lista" name="h_indice_lista" value="1" />
                        <input type="hidden" id="h_return_infra" name="h_return_infra" value="true" />
                        <input type="hidden" id="h_importe_total" name="h_importe_total" value="0" />
						
                        
                        <button id="consultar_info_infra" name="consultar_info_infra" type="button" data-theme="a">Agregar Infracción</button>
                                                
                        <div id="div_info_infra">
                        </div>
                        
                        <div id="div_lista_infra">
                            <div id="div_lista_infra_1">
                            </div>
                        </div>
                        
                        <div id="div_importe_total">
                        </div>
                    </div>
                    
                    <div data-role="fieldcontain" id="div_datos_veh">
                        <h3>Datos del Vehículo</h3>
                    	
                        <div id="div_msj_veh" class="alerta">
                            <span id="msj_veh">ATENCIÓN</span>
                            <div id="div_img_veh">
                                <span id="div_img_intt_veh">
                                    &nbsp;&nbsp;
                                    <img id="img_intt_veh" src='../img/botones/intt.png' alt='Instituto Nacional de Transporte Terrestre' title="Instituto Nacional de Transporte Terrestre" />
                                    &nbsp;&nbsp;
                                </span>
                                <input id="msj_intt_veh" name="msj_intt_veh" type="hidden" />
                                
                                <span id="div_img_policia_veh">
                                    &nbsp;&nbsp;
                                    <img id="img_policia_veh" src='../img/botones/policia.png' alt='Instituto Municipal de Policia de Sucre' title="Instituto Municipal de Policia de Sucre" />
                                    &nbsp;&nbsp;
                                </span>
                                <input id="msj_policia_veh" name="msj_policia_veh" type="hidden" />
                                
                                <span id="div_img_cicpc_veh">
                                    &nbsp;&nbsp;
                                    <img id="img_cicpc_veh" src='../img/botones/cicpc.png' alt='Cuerpo de Investigaciones Científicas, Penales y Criminalísticas' title="Cuerpo de Investigaciones Científicas, Penales y Criminalísticas" />
                                    &nbsp;&nbsp;
                                </span>
                                <input id="msj_cicpc_veh" name="msj_cicpc_veh" type="hidden" />
                            </div>
                        </div>
                        <br />
                        
                        <label for="tipo_vehiculo">Vehiculo:<sup> * </sup></label>
                        <select id="tipo_vehiculo" name="tipo_vehiculo">
                            <option value="">SELECCIONE</option>
                            <option value="Particular" selected>PARTICULAR</option>
                            <option value="Transporte">TRANSPORTE</option>
                            <option value="Moto">MOTO</option>
                        </select>
                        
                        <label for="placa">Placa:<sup> * </sup></label>
                       	<input id="placa" name="placa" type="text" placeholder="PLACA" onChange='convertir_Mayusculas(this);' />
                        
                        <label for="serial_carroceria">Serial de Carrocería:<sup> * </sup></label>
                       	<input id="serial_carroceria" name="serial_carroceria" type="text" placeholder="SERIAL CARROCERÍA" onChange='convertir_Mayusculas(this);' />
                        
                        <br />
                        <div id="div_img_consultar_veh" class="centrado">
							<img id="img_consultar_veh" src="../img/botones/intt.png" alt='Instituto Nacional de Transporte Terrestre' title="Instituto Nacional de Transporte Terrestre" />
						</div>
                        
                        <br />
                    	<button id="consultar_veh" name="consultar_veh" type="button" data-theme="a">Consultar</button>
                        
                        <label for="marca">Marca:<sup> * </sup></label>
                       	<input id="marca" name="marca" type="text" placeholder="MARCA" onChange='convertir_Mayusculas(this);' />
                        
                        <label for="modelo">Modelo:<sup> * </sup></label>
                       	<input id="modelo" name="modelo" type="text" placeholder="MODELO" onChange='convertir_Mayusculas(this);' />
                        
                        <label for="anyo">Año:<sup> * </sup></label>
                       	<input id="anyo" name="anyo" type="text" placeholder="AÑO" />
                        
                        <label for="color">Color:<sup> * </sup></label>
                       	<input id="color" name="color" type="text" placeholder="COLOR" onChange='convertir_Mayusculas(this);' />
                        
                        <label for="tipo">Tipo:<sup> * </sup></label>
                       	<input id="tipo" name="tipo" type="text" placeholder="TIPO" onChange='convertir_Mayusculas(this);' />
                        
                        <label for="uso">Uso:<sup> * </sup></label>
                       	<input id="uso" name="uso" type="text" placeholder="USO" onChange='convertir_Mayusculas(this);' />
                        
                        <label for="remolque">Remolcado:<sup> * </sup></label>
                        <select id="remolque" name="remolque">
                            <option value="">SELECCIONE</option>
                            <option value="SI">SI</option>
                            <option value="NO">NO</option>
                        </select>
                    </div>
                    
                    <div data-role="fieldcontain" id="div_datos_rem">
                        <h3>Datos del Remolque</h3>
                    
                        <label for="id_tipo_ide_ope">Identificación del Operador:<sup> * </sup></label>
                        <select id="id_tipo_ide_ope" name="id_tipo_ide_ope">
                            <option value="">SELECCIONE</option>
                            <option value="V">VENEZOLANO</option>
                            <option value="E">EXTRANJERO</option>
                        </select>
                        
                        <label for="nro_ide_ope">Nro. de Identificación:<sup> * </sup></label>
                       	<input id="nro_ide_ope" name="nro_ide_ope" type="text" placeholder="IDENTIFICACIÓN DEL OPERADOR" />
                        
                        <label for="nombre_operador">Nombre del Operador:<sup> * </sup></label>
						<input id="nombre_operador" name="nombre_operador" type="text" placeholder="NOMBRE DEL OPERADOR" onChange='convertir_Mayusculas(this);'/>
                        
                        <label for="placa_grua">Placa Grúa:<sup> * </sup></label>
						<input id="placa_grua" name="placa_grua" type="text" placeholder="PLACA GRÚA" onChange='convertir_Mayusculas(this);' />
                        
                        <label for="id_estacionamiento">Estacionamiento:<sup> * </sup></label>
                        <select id="id_estacionamiento" name="id_estacionamiento">
                            <option value="">SELECCIONE</option>
                        </select>
                    </div>
                    
                    
                    <br />
                    <div id="campo_obligatorio" class="campo_obligatorio">* Campo Obligatorio</div>
                    
                    <br />     
                    <button id="registrar" name="registrar" type="button" data-theme="a">Registrar</button>
                    <input id="id_opcion" name="id_opcion" type="hidden" value="6" />
					
					<br />
					<button id="atras2" name="atras2" type="button" data-theme="a" data-icon="arrow-l">Atras</button>
                </form>
            </div>
            
            <div data-role="footer">
                <div id="municipio_pie_pagina" class="pie_pagina"></div>
                <div id="estado_pie_pagina" class="pie_pagina"></div>
            </div>
        </div>
    </body>
</html>